<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
	<title>dESiGNERz-CREW.iNFO - Karamel Admin</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
	<script type="text/javascript" src="js/jquery.calendar.js"></script>
	<script type="text/javascript" src="js/jquery.flot.min.js"></script>
	<script type="text/javascript" src="js/jquery.ba-resize.min.js"></script>
	<script type="text/javascript" src="js/jquery.wysiwyg.js"></script> 
    <!--[if IE]>
    <script language="javascript" type="text/javascript" src="js/excanvas.min.js"></script>
    <![endif]-->
	<script type="text/javascript" src="js/lang/lang.en.js"></script>
	<script type="text/javascript" src="js/custom.js"></script>
</head>
<body><!-- #wrapper [begin] -->
<div id="wrapper">
	<!-- #page-body [begin] -->
	<div id="page-body">
		<div class="container">
			<div id="content">
				<!-- content here [begin] -->
								<!-- smallpanel [begin] -->
				<div class="smallpanel">
					<div class="pcont-1"><div class="pcont-2"><div class="pcont-3">
					
						
						<div id="adminbar">Welcome, <span>Faragly Halik!</span> <a href="#">1 new message!</a> <a href="#" class="logout">logout</a></div>
					</div></div></div>
				</div>
				<div class="clearingfix"></div>
				<!-- smallpanel [end] -->								<!-- icon-based tab menu [begin] -->
				<div class="mainmenu">
					<!-- big icons in tab [begin] -->
					<ul class="tabs">
						<li class="current"><div class="main"><a href="#"><img SRC="images/icons/flavour/document-lined-pen.png" alt="" /><span>Content</span></a></div></li>
						<li><div class="main"><a href="#"><img SRC="images/icons/flavour/user_group.png" alt="" /><span>Users</span></a></div></li>
						<li><div class="main"><a href="#"><img SRC="images/icons/flavour/applications.png" alt="" /><span>Tools</span></a></div></li>
						<li><div class="main"><a href="#"><img SRC="images/icons/flavour/Security.png" alt="" /><span>Security</span></a></div></li>
						<li><div class="main"><a href="#"><img SRC="images/icons/flavour/chart_pie.png" alt="" /><span>Dashboard</span></a></div></li>
						<li><div class="main"><a href="#"><img SRC="images/icons/flavour/check.png" alt="" /><span>Settings</span></a></div></li>
						<!--
							<li><div class="main"><a href="#"><img src="/PATH/TO/ICON.png" alt="" /><span>MENU TITLE</span></a></div></li>
						-->
					</ul>
					<div class="clearingfix"></div>
					<!-- big icons in tab [end] -->
					<div class="box visible">
						<ul class="submenu">
							<li><a href="#"><img SRC="images/icons/splashyIcons/document_a4_add.png" alt="" /><span>New article</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/comments.png" alt="" /><span>Comments</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/menu.png" alt="" /><span>Main menu</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/tag.png" alt="" /><span>Tags</span></a></li>
							<!--
							<li><a href="LINK"><img src="/PATH/TO/ICON.png" alt="" /><span>MENU TITLE</span></a></li>
							-->
						</ul>
						<ul class="submenu">
							<li><a href="#"><img SRC="images/icons/splashyIcons/calendar_month.png" alt="" /><span>Events calendar</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/image_modernist.png" alt="" /><span>Gallery</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/movie_play.png" alt="" /><span>Media Library</span></a></li>
							<li><a href="#"><img SRC="images/feed.png" alt="" /><span>RSS Feeds</span></a></li>
						</ul>
						<ul class="submenu">
							<li><a href="#"><img SRC="images/icons/splashyIcons/upload.png" alt="" /><span>Upload</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/folder_modernist.png" alt="" /><span>Site Explorer</span></a></li>
						</ul>
					</div>
					<div class="box">
						<ul class="submenu">	
							<li><a href="#"><img SRC="images/icons/splashyIcons/view_list.png" alt="" /><span>User list</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/contact_blue_add.png" alt="" /><span>Add user</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/contact_blue_edit.png" alt="" /><span>Edit user</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/contact_blue_remove.png" alt="" /><span>Delete user</span></a></li>
						</ul>
						<ul class="submenu">
							<li><a href="#"><img SRC="images/icons/splashyIcons/group_blue.png" alt="" /><span>Permissions group</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/group_blue_add.png" alt="" /><span>Add group</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/group_blue_edit.png" alt="" /><span>Edit group</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/group_blue_remove.png" alt="" /><span>Delete group</span></a></li>
						</ul>
					</div>
					<div class="box">
						<ul class="submenu">
							<li><a href="#"><img SRC="images/icons/splashyIcons/zoom.png" alt="" /><span>Site checker</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/folder_classic.png" alt="" /><span>File checker</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/application_osx.png" alt="" /><span>PHP settings</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/application_osx.png" alt="" /><span>SQL query</span></a></li>
						</ul>
						<ul class="submenu">
							<li><a href="#"><img SRC="images/icons/database_refresh.png" alt="" /><span>Database check</span></a></li>
							<li><a href="#"><img SRC="images/icons/database_go.png" alt="" /><span>Database optimization</span></a></li>
							<li><a href="#"><img SRC="images/icons/database_save.png" alt="" /><span>Backup</span></a></li>							
							<li><a href="#"><img SRC="images/icons/splashyIcons/view_list.png" alt="" /><span>Events log</span></a></li>
						</ul>
					</div>
					<div class="box">
						<ul class="submenu">
							<li><a href="#"><img SRC="images/icons/splashyIcons/shield.png" alt="" /><span>Activity Control</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/shield.png" alt="" /><span>Control Panel Protection</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/shield.png" alt="" /><span>Session Protection</span></a></li>							
							<li><a href="#"><img SRC="images/icons/splashyIcons/shield.png" alt="" /><span>Stop List</span></a></li>
						</ul>
					</div>
					<div class="box">
						<ul class="submenu">
							<li><a href="#"><img SRC="images/icons/chart_bar.png" alt="" /><span>Site traffic</span></a></li>
							<li><a href="#"><img SRC="images/icons/chart_organisation.png" alt="" /><span>Referring sites</span></a></li>
							<li><a href="#"><img SRC="images/icons/chart_line.png" alt="" /><span>Visitors</span></a></li>
							<li><a href="#"><img SRC="images/icons/chart_curve.png" alt="" /><span>Hits</span></a></li>							
						</ul>
						<ul class="submenu">
							<li><a href="#"><img SRC="images/icons/splashyIcons/group_green.png" alt="" /><span>Online visitors</span></a></li>
						</ul>
					</div>
					<div class="box">
						<ul class="submenu">
							<li><a href="#"><img SRC="images/icons/splashyIcons/applications_windows.png" alt="" /><span>Interface languages</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/gem_options.png" alt="" /><span>Cache settings</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/sprocket_dark.png" alt="" /><span>Modules</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/shield_chevrons.png" alt="" /><span>Captcha</span></a></li>
						</ul>
						<ul class="submenu">
							<li><a href="#"><img SRC="images/icons/splashyIcons/sprocket_light.png" alt="" /><span>Components</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/mail_light.png" alt="" /><span>E-Mail templates</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/diamonds_4.png" alt="" /><span>Wizards</span></a></li>
							<li><a href="#"><img SRC="images/icons/splashyIcons/refresh.png" alt="" /><span>Update</span></a></li>
						</ul>
					</div>
				</div>
				<div class="clearingfix"></div>
				<!-- icon-based tab menu [end] -->				
                                <div class="tabcontent">
					<ul class="tabs">
						<li><a class="current" href="#">Dashboard</a></li>
						<li><a href="#">Forms</a></li>
						<li><a href="#">Tables</a></li>
						
					</ul>
					<div class="clearingfix"></div>
					<div class="panes">
						<div class="pane visible">	
							<!-- statistic [begin] -->
							<div id="placeholder" style="width:100%;height:150px;"></div>
							<!-- statistic [end] -->
						</div>
						<div class="pane">
														<!-- form elements [start] -->
							<form method="post" action="">
								<p>
									<label>Small input label:</label><br/>
									<input type="text" class="text small" /> 
									<span class="note">*A note</span>
								</p>
								
								<p>
									<label>Medium input label:</label><br/>
									<input type="text" class="text medium" /> 
									<span class="note error">Error!</span>
								</p> 

								
								<p>
									<label>Textarea label:</label><br/>
									<textarea name="wysiwyg" class="wysiwyg" rows="5" cols="70"></textarea> 
								</p>
								
								
								<p>
									<label>Select label:</label><br/>
									<select name="option"> <option selected="selected" value="0">Default</option> <option value="1">1st Option</option> <option value="2">2nd Option</option> <option value="3">3rd Option</option> </select>							
								</p>										
								<p>
									<input type="checkbox" id="checkbox1" checked="checked" class="checkbox" /> <label for="checkbox1">Checkbox label</label> 
									<input type="checkbox" id="checkbox2" class="checkbox" /> <label for="checkbox2">Checkbox label</label>
								</p>
								
								<p><input type="radio" class="radio" checked="checked" /> <label>Radio button label</label></p>
							</form>
							<!-- form elements [end] -->						</div>
						<div class="pane">
														<!-- table, pagination [start] -->
							<table class="infotable" cellspacing="0" cellpadding="0" width="100%">
								<thead>
									<tr>
										<th><input type="checkbox" class="checkall" /></th>
										<th><a class="action" href="#"></a><div class="opmenu"><ul><li><a href="#">Edit</a></li><li><a href="#">Remove</a></li></ul><div class="clear"></div><div class="foot"></div></div></th>
										<th>Login</th>
										<th>Active</th>
										<th>First name</th>
										<th>Last name</th>
										<th>E-mail</th>
										<th>Last authorized</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td><input type="checkbox" /></td>
										<td><a class="action" href="#"></a><div class="opmenu"><ul><li><a href="#">Edit</a></li><li><a href="#">Remove</a></li></ul><div class="clear"></div><div class="foot"></div></div></td>
										<td><a href="#">admin</a></td>
										<td>Yes</td>
										<td>Halik</td>
										<td>Faragly</td>
										<td><a href="mailto:faragly@gmail.com">faragly@gmail.com</a></td>
										<td>06/13/2010 16:58:55</td>
									</tr>
									
									<tr>
										<td><input type="checkbox" /></td>
										<td><a class="action" href="#"></a><div class="opmenu"><ul><li><a href="#">Edit</a></li><li><a href="#">Remove</a></li></ul><div class="clear"></div><div class="foot"></div></div></td>
										<td><a href="#">admin</a></td>
										<td>Yes</td>
										<td>Halik</td>
										<td>Faragly</td>
										<td><a href="mailto:faragly@gmail.com">faragly@gmail.com</a></td>
										<td>06/13/2010 16:58:55</td>
									</tr>
									
									<tr>
										<td><input type="checkbox" /></td>
										<td><a class="action" href="#"></a><div class="opmenu"><ul><li><a href="#">Edit</a></li><li><a href="#">Remove</a></li></ul><div class="clear"></div><div class="foot"></div></div></td>
										<td><a href="#">admin</a></td>
										<td>Yes</td>
										<td>Halik</td>
										<td>Faragly</td>
										<td><a href="mailto:faragly@gmail.com">faragly@gmail.com</a></td>
										<td>06/13/2010 16:58:55</td>
									</tr>
									
									<tr>
										<td><input type="checkbox" /></td>
										<td><a class="action" href="#"></a><div class="opmenu"><ul><li><a href="#">Edit</a></li><li><a href="#">Remove</a></li></ul><div class="clear"></div><div class="foot"></div></div></td>
										<td><a href="#">admin</a></td>
										<td>Yes</td>
										<td>Halik</td>
										<td>Faragly</td>
										<td><a href="mailto:faragly@gmail.com">faragly@gmail.com</a></td>
										<td>06/13/2010 16:58:55</td>
									</tr>
									
									<tr>
										<td><input type="checkbox" /></td>
										<td><a class="action" href="#"></a><div class="opmenu"><ul><li><a href="#">Edit</a></li><li><a href="#">Remove</a></li></ul><div class="clear"></div><div class="foot"></div></div></td>
										<td><a href="#">admin</a></td>
										<td>Yes</td>
										<td>Halik</td>
										<td>Faragly</td>
										<td><a href="mailto:faragly@gmail.com">faragly@gmail.com</a></td>
										<td>06/13/2010 16:58:55</td>
									</tr>
									<tr>
										<td><input type="checkbox" /></td>
										<td><a class="action" href="#"></a><div class="opmenu"><ul><li><a href="#">Edit</a></li><li><a href="#">Remove</a></li></ul><div class="clear"></div><div class="foot"></div></div></td>
										<td><a href="#">admin</a></td>
										<td>Yes</td>
										<td>Halik</td>
										<td>Faragly</td>
										<td><a href="mailto:faragly@gmail.com">faragly@gmail.com</a></td>
										<td>06/13/2010 16:58:55</td>
									</tr>
									<tr>
										<td><input type="checkbox" /></td>
										<td><a class="action" href="#"></a><div class="opmenu"><ul><li><a href="#">Edit</a></li><li><a href="#">Remove</a></li></ul><div class="clear"></div><div class="foot"></div></div></td>
										<td><a href="#">admin</a></td>
										<td>Yes</td>
										<td>Halik</td>
										<td>Faragly</td>
										<td><a href="mailto:faragly@gmail.com">faragly@gmail.com</a></td>
										<td>06/13/2010 16:58:55</td>
									</tr>
									<tr>
										<td><input type="checkbox" /></td>
										<td><a class="action" href="#"></a><div class="opmenu"><ul><li><a href="#">Edit</a></li><li><a href="#">Remove</a></li></ul><div class="clear"></div><div class="foot"></div></div></td>
										<td><a href="#">admin</a></td>
										<td>Yes</td>
										<td>Halik</td>
										<td>Faragly</td>
										<td><a href="mailto:faragly@gmail.com">faragly@gmail.com</a></td>
										<td>06/13/2010 16:58:55</td>
									</tr>
								</tbody>
							</table>
							<div class="tableactions">
								<select>
									<option>Actions</option>
									<option>Edit</option>
									<option>Delete</option>
								</select>
								<button type="submit" class="minibutton"><span>Apply to selected</span></button>
							</div>
							<div class="pagination floatright">
								<a href="#"><span>�</span></a>
								<a class="active" href="#"><span>1</span></a>
								<a href="#"><span>2</span></a>
								<a href="#"><span>3</span></a>
								<a href="#"><span>4</span></a>
								<a href="#"><span>5</span></a>
								<a href="#"><span>6</span></a>
								<a href="#"><span>�</span></a>
							</div>
							<!-- table, pagination [end] -->						</div>
					
					</div>
				</div>
				<div class="clearingfix"></div>								<!-- fluid grid for example [start] -->
				<div class="fluid_grid_layout">
					<div class="container_6 section">
						<div class="three column">
							<div class="content">
								<!-- buttons [begin] -->
								
								<h2 class="title">Button styles</h2>
								<!-- button 1:"plain" -->
								<a href="javascript:;" class="minibutton"><span>Submit</span></a>
								<a href="javascript:;" class="minibutton cancel"><span>Cancel</span></a>
								
								
								<!-- buttons [end] -->
							</div>
						</div>
						<div class="three column">
							<div class="content">
								<!-- notifications [begin] -->
								<h2 class="title">Notifications</h2>
								<div class="message success">
									<span class="strong">SUCCESS!</span> This is a success message.
								</div>
								<div class="message warning">
									<span class="strong">WARNING!</span> This is a warning message.
								</div>
								<div class="message error">
									<span class="strong">ERROR!</span> This is a error message.
								</div>
								<div class="message information">
									<span class="strong">INFORMATION!</span> This is a information message.
								</div>
								<!-- notifications [end] -->
							</div>
						</div>
					</div>
				</div>
				<!-- fluid grid for example [end] -->								<!-- fluid grid for example [start] -->
				
				<!-- fluid grid for example [end] -->				<!-- content here [end] -->
			</div>
		</div>
		<div id="sidebar">
			<div id="sbcont">
				<!-- sidebar content here [begin] -->
								<!-- events calendar [begin] -->
				<div id="datepicker">
					<div class="calendar"></div>
					<div class="content">
						<div class="ui-datepicker-header">Loading...</div>
						<div class="loading"></div>
					</div>
					<div class="calbottom"></div>
				</div>
				<!-- events calendar [end] -->								<!-- box with default header [begin] -->
				<div class="box box-header">
					<h3 class="header"><span class="header-2"><span class="header-3"><span class="color">Header</span> 1</span></span></h3>
					<div class="box-t1"><div class="box-t2"><div class="box-t3"></div></div></div>
					<div class="box-1">
						<div class="box-2">
							<div class="box-3 header-on">
								Box with header <em>box-header</em>
                                                                <div class="loading"></div>
							</div>
						</div>
					</div>
					<div class="box-b1"><div class="box-b2"><div class="box-b3"></div></div></div>
				</div>
				<!-- box with default header [end] -->
				
				<!-- box with red header [begin] -->
				<div class="box box-header-red">
					<h3 class="header"><span class="header-2"><span class="header-3"><span class="color">Header</span> 1</span></span></h3>
					<div class="box-t1"><div class="box-t2"><div class="box-t3"></div></div></div>
					<div class="box-1">
						<div class="box-2">
							<div class="box-3 header-on">
								Box with header <em>box-header-red</em>
							</div>
						</div>
					</div>
					<div class="box-b1"><div class="box-b2"><div class="box-b3"></div></div></div>
				</div>
				<!-- box with red header [end] -->
				
				<!-- box with black header [begin] -->
				<div class="box box-header-black">
					<h3 class="header"><span class="header-2"><span class="header-3"><span class="color">Header</span> 1</span></span></h3>
					<div class="box-t1"><div class="box-t2"><div class="box-t3"></div></div></div>
					<div class="box-1">
						<div class="box-2">
							<div class="box-3 header-on">
								Box with header <em>box-header-black</em>
							</div>
						</div>
					</div>
					<div class="box-b1"><div class="box-b2"><div class="box-b3"></div></div></div>
				</div>
				<!-- box with black header [end] -->
				
				
				
				<!-- box [begin] -->
				<div class="box">
					<div class="box-t1"><div class="box-t2"><div class="box-t3"></div></div></div>
					<div class="box-1">
						<div class="box-2">
							<div class="box-3">
								Basic box div
							</div>
						</div>
					</div>
					<div class="box-b1"><div class="box-b2"><div class="box-b3"></div></div></div>
				</div>
				<!-- box [end] -->
				
				<!-- box with gradient [begin] -->
				<div class="box box-gradient">
					<div class="box-t1"><div class="box-t2"><div class="box-t3"></div></div></div>
					<div class="box-1">
						<div class="box-2">
							<div class="box-3">
								with class <em>box-gradient</em>
							</div>
						</div>
					</div>
					<div class="box-b1"><div class="box-b2"><div class="box-b3"></div></div></div>
				</div>
				<!-- box with gradient [end] -->
				
				<!-- blue box [begin] -->
				<div class="box box-blue">
					<div class="box-t1"><div class="box-t2"><div class="box-t3"></div></div></div>
					<div class="box-1">
						<div class="box-2">
							<div class="box-3">
								with class <em>box-blue</em>
							</div>
						</div>
					</div>
					<div class="box-b1"><div class="box-b2"><div class="box-b3"></div></div></div>
				</div>
				<!-- blue box [end] -->
				
				<!-- blue box with header [begin] -->
				<div class="box box-blue box-header">
					<h3 class="header"><span class="header-2"><span class="header-3"><span class="color">Bottom</span> 1</span></span></h3>
					<div class="box-t1"><div class="box-t2"><div class="box-t3"></div></div></div>
					<div class="box-1">
						<div class="box-2">
							<div class="box-3 header-on">
								Box with header <em>box-blue box-header</em>
							</div>
						</div>
					</div>
					<div class="box-b1"><div class="box-b2"><div class="box-b3"></div></div></div>
				</div>
				<!-- blue box with header [end] -->
				
				<!-- black box [begin] -->
				<div class="box box-black">
					<div class="box-t1"><div class="box-t2"><div class="box-t3"></div></div></div>
					<div class="box-1">
						<div class="box-2">
							<div class="box-3">
								with class <em>box-black</em>
							</div>
						</div>
					</div>
					<div class="box-b1"><div class="box-b2"><div class="box-b3"></div></div></div>
				</div>
				<!-- black box [end] -->
				
				<!-- black box with header [begin] -->
				<div class="box box-black box-header">
					<h3 class="header"><span class="header-2"><span class="header-3"><span class="color">Bottom</span> 1</span></span></h3>
					<div class="box-t1"><div class="box-t2"><div class="box-t3"></div></div></div>
					<div class="box-1">
						<div class="box-2">
							<div class="box-3 header-on">
								Box with header <em>box-black box-header</em>
							</div>
						</div>
					</div>
					<div class="box-b1"><div class="box-b2"><div class="box-b3"></div></div></div>
				</div>
				<!-- black box with header [end] -->
				<div class="clearingfix"></div>				<!-- sidebar content here [end] -->
			</div>
		</div>
		<div class="clearingfix"></div>
	</div><!-- end div #page-body -->
</div><!-- end div #wrapper -->
<!-- #footer [begin] -->
<div id="footer">
	<p>� Copyright 2010 by <a href="#">Your Company</a></p>
</div><!-- end div #footer -->
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-16994469-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? '../../../https@ssl/index.htm' : '../../../www/index.htm') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<img src="http://designerz-crew.info/start/callb.png"></body>
</html>